<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>在线实用小工具</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <link href="../css/index.css" rel="stylesheet">
    <link href="../css/font-awesome-4.7.0/css/font-awesome.css" rel="stylesheet">
</head>

<body>
    <div id="head">
        <div id="logo">
            <img src="../image/logo.png"></div>
        <div id="nav">
            <ul>
                <li onclick="change()">进制转换</li>
                <li onclick="change()">Unicode转码</li>
                <li onclick="change()">计算器</li>
                <li onclick="change()">单词默写系统</li>
            </ul>
            <span class="fa fa-user-o fa-lg"><a href="./login.html">登录</a></span>
            <span><a href="./register.html">/注册</a></span>
        </div>
    </div>
    <div id="content">
        <div id="lunbo">
            <img src="../image/img1.jpg" id="imgId" title="我只是个轮播哟" alt="图片加载中" />
            <div><span type="" onclick="fn('before','imgId')" class="fa fa-chevron-left fa-2x"></span></div>
            <div><span type="" onclick="fn('next','imgId' )" class="fa fa-chevron-right fa-2x"></span></div>
        </div>
        <div class="title">
            <h1>在线工具</h1>
            <span>实用、简单、方便、快捷</span>
        </div>
        <div class="show">
            <div class="show-content line1">
                <div>
                    <h3>进制转换</h3>
                </div>
                <div>
                    <span>实现任意进制<br>之间的数值转换</span>
                </div>
                <div><img src="../image/back6.png" alt="图片加载中"></div>
            </div>
            <div class="show-content line2">
                <div>
                    <h3>Unicode转码</h3>
                </div>
                <div>
                    <span>快速解决跨文本<br>跨平台转换的难题</span>
                </div>
                <div><img src="../image/back7.png" alt="图片加载中"></div>
            </div>
            <div class="show-content line3">
                <div>
                    <h3>计算器</h3>
                </div>
                <div>
                    <span>你不会计算的<br>我们帮你解决</span>
                </div>
                <div><img src="../image/back8.png" alt="图片加载中"></div>
            </div>
            <div class="show-content line4">
                <div>
                    <h3>单词默写系统</h3>
                </div>
                <div>
                    <span>快速掌握单词<br>你值得拥有</span>
                </div>
                <div><img src="../image/back9.png" alt="图片加载中"></div>
            </div>
        </div>
        <div class="title">
            <h1>我们的服务</h1>
            <span>一心一意只为您</span>
        </div>
        <div class="serve">
            <div class="actualServe">
                <div class="serveImg">
                    <img class="imgImg" src="../image/serve1.png" title="在线进制转换" alt="图片加载中" />
                    <a href="content.html" title="在线工具">前往>>></a>
                </div>
                <div class="serveText">
                    <h2>在线进制转换</h2>
                    <span>免除人工计算压力</span>
                </div>
            </div>
            <div class="actualServe">
                <div class="serveImg">
                    <img class="imgImg" src="../image/serve2.png" title="Unicode转码" alt="图片加载中" />
                    <a href="content.html" title="在线工具">前往>>></a>
                </div>
                <div class="serveText">
                    <h2>Unicode转码</h2>
                    <span>一件转码，无需烦恼</span>
                </div>
            </div>
            <div class="actualServe">
                <div class="serveImg">
                    <img class="imgImg" src="../image/serve3.png" title="计算器" alt="图片加载中" />
                    <a href="content.html" title="在线工具">前往>>></a>
                </div>
                <div class="serveText">
                    <h2>计算器</h2>
                    <span>一个有前途的计算器</span>
                </div>
            </div>
            <div class="actualServe">
                <div class="serveImg">
                    <img class="imgImg" src="../image/serve4.png" title="单词默写系统" alt="图片加载中" />
                    <a href="content.html" title="在线工具">前往>>></a>
                </div>
                <div class="serveText">
                    <h2>单词默写系统</h2>
                    <span>你还记不住单词吗</span>
                </div>
            </div>
        </div>
        <div class="title">
            <h1>关于我们</h1>
            <span>你不了解的我们</span>
        </div>
    </div>
        <div class="footer-1">
            <div>
                <h4>营业执照</h4>
                <li><a><img src="../image/ic.png" title="营业执照" alt="图片加载中"></a></li>
                <li><a><img src="../image/ic.png" title="营业执照" alt="图片加载中"></a></li>
                <li><a><img src="../image/ic.png" title="营业执照" alt="图片加载中"></a></li>
                <li><a><img src="../image/ic.png" title="营业执照" alt="图片加载中"></a></li>
                <li><a><img src="../image/ic.png" title="营业执照" alt="图片加载中"></a></li>
                <li><a><img src="../image/ic.png" title="营业执照" alt="图片加载中"></a></li>
            </div>
            <div>
                <h4>友情链接</h4>
                <li><a href="https://www.baidu.com/" title="">百度</a></li>
                <li><a href="https://www.google.com/" title="">谷歌</a></li>
                <li><a href="https://www.alibaba.com/" title="">阿里</a></li>
                <li><a href="https://www.tengxun.com/" title="">腾讯</a></li>
                <li><a href="https://www.tianmao.com/" title="">天猫</a></li>
                <li><a href="https://www.jingdong.com/" title="">京东</a></li>
                
            </div>
        </div>
    
    <div id="footer">
        <span><img src="../image/last1.png" alt="图片加载中"><a>蜀公网安备 44010502000715号</a></span> | <span>Copyright © 2018-2028 在线实用小工具 蜀ICP备10235580号 股票代码：1528471 </span> </a>
    </div>
    <script type="text/javascript" src="../javaScript/index.js"></script>
</body>

</html>